<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>Monitor</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<!-- meta http-equiv="content-type" content="text/html; charset=UTF-8"-->    
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" type="text/css" href="<%=this.getServletContext().getContextPath()%>/jsfiles/JqueryEasyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="<%=this.getServletContext().getContextPath()%>/jsfiles/JqueryEasyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="<%=this.getServletContext().getContextPath()%>/jsfiles/JqueryEasyui/demo/demo.css">
    
    <script type="text/javascript" src="<%=this.getServletContext().getContextPath()%>/jsfiles/JqueryEasyui/jquery.min.js"></script>
	<script type="text/javascript" src="<%=this.getServletContext().getContextPath()%>/jsfiles/JqueryEasyui/jquery.easyui.min.js"></script>
   </head>  

<body>
	<div style="margin:1px;"></div>

	<div class="easyui-layout" style="width:1300;height:600px;">
		<div data-options="region:'north'" style="height:70px"></div>
		<div data-options="region:'south',split:true" style="height:150px;"></div>
		<!--div data-options="region:'east', split:true" title="East" style="width:180px;"></div-->
		<div data-options="region:'west',split:true" title="Navi" style="width:300px;">
			<div class="easyui-accordion" data-options="fit:true,border:false">
				<div title="用户管理" style="padding:10px;">
					<ul class="easyui-tree" data-options="lines:true">
		         		<li data-options="state:'closed'">
		            		<span>机房管理员</span>
				            <ul>
				                <li><span>Admin[机房管理员]</span></li>
				                <li><span>User1[普通用户]</span></li>
				                <li><span>User12普通用户]</span></li>
				            </ul>
		        		</li>
		    		</ul>
				</div>
				<div title="监控设备" style="padding:10px" ><!-- selected="true" -->
					 <ul class="easyui-tree" data-options="url:'./Json/tree_monitor_device.json',lines:true">
					 </ul>
				</div>
				<div title="Title3" style="padding:10px">content3</div>
				</div>
			</div>	
		
		<div data-options="region:'center',title:'Main Title',iconCls:'icon-ok'">
				<div class="easyui-layout" style="width:auto;height:600px;">
					<div data-options="region:'north'" style="height:500px">	
						<div class="easyui-tabs" data-options="fit:true,border:false,plain:true"> 
						<div title="Tab1" data-options="href:'content.html'" style="padding:10px"></div>
						<div title="Tab2" style="padding:5px">
							<table class="easyui-datagrid" data-options="url:'./data/Json/tree_monitor_device.json',method:'get',singleSelect:true,fit:true,fitColumns:true">
								<thead>
									<tr>
										<th data-options="field:'itemid',width:'80'">Item ID</th>
										<th data-options="field:'productid', width:'100'">Product ID</th>
									</tr>
								</thead>
							</table>
						</div>
						</div>
					</div>
					<div data-options="region:'south'" style="height:150px">						
					</div>
					
				</div>	

			</div>
	</div>

</body>
</html>
